<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://brs_web.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="referrer" content="no-referrer" />

    <title>Book Store</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <style type="text/css">
        form input{
            max-width: 150px;
        }
    </style>
</head>

<body>
    <div id="wrap">

        <div class="header">
            <div class="logo">
                <a href="index.html"><img src="images/logo.gif" alt="" title="" border="0" /></a>
            </div>
            <div id="menu">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="category.html">全部书籍</a></li>
                    <li><a href="specials.html">推荐书籍</a></li>

                </ul>
            </div>


        </div>


        <div class="center_content">
            <div class="left_content">
                <div class="title"><span class="title_icon"><img src="images/bullet1.gif" alt="" title=""/></span>注册
                </div>

                <div class="feat_prod_box_details">
                    <p class="details">

                    </p>

                    <div class="contact_form">
                        <div class="form_subtitle">创建新的账户</div>
                        <!--aaaaaa-->
                        <form method="get" class="registerFrm">
                            <div class="form_row">
                                <label class="contact"><strong>用户名:</strong></label>
                                <input type="text" name="user" placeholder="4-16位用户名*" class="contact_input" id="reg_user" required="required" />
                                <span class="user_hint" style="width: 50px"></span>
                            </div>
                            <div class="form_row">
                                <label class="contact"><strong>密码:</strong></label>
                                <input type="password" name="password" placeholder="6-12位密码*" class="contact_input" id="reg_password" />
                                <span class="password_hint"></span>
                            </div>

                            <div class="form_row">
                                <label class="contact"><strong>电子邮箱:</strong></label>
                                <input type="text" name="email" placeholder="邮箱*" class="contact_input" id="reg_email" />
                                <span class="email_hint"></span>
                            </div>


                            <div class="form_row">
                                <label class="contact"><strong>电话号码:</strong></label>
                                <input type="text" name="mobile" placeholder="手机号*" class="contact_input" id="reg_mobile" />
                                <span class="mobile_hint"></span>
                            </div>


                            <div class="form_row">
                                <label class="contact"><strong>爱好:</strong></label>
                                <div class="terms">
                                    <input type="checkbox" name="terms" value="计算机/网络" /><label style="color: #000000;">计算机/网络</label>
                                    <input type="checkbox" name="terms" value="文学" /><label style="color: #000000;">文学</label>
                                    <input type="checkbox" name="terms" value="历史" /><label style="color: #000000;">历史</label>
                                    <input type="checkbox" name="terms" value="数学" /><label style="color: #000000;">数学</label>
                                </div>
                            </div>
                            <label class="registerMsg"></label>

                            <div class="form_row">
                                <input type="submit" class="register" value="注册" />
                            </div>
                        </form>
                    </div>

                </div>


                <div class="clear"></div>
            </div>
            <!--end of left content-->

            <div class="right_content">

                <div class="cart">
                    <div class="home_cart_content">
                        <span id="userName" style="font-size: 20px; margin-right: 20px;">你好游客</span> <span class="red"><a href="register.html">注册</a></span>
                        <span class="red" style="margin-left: 20px"><a href="myaccount.html">登陆</a></span>
                    </div>

                </div>

                <div class="title"><span class="title_icon"><img src="images/bullet3.gif" alt="" title=""/></span>关于我们
                </div>
                <div class="about">
                    <p>
                        <img src="images/about.gif" alt="" title="" class="right" /> 歌德曾经说过：“读一本好书,就是和一位品德高尚的人谈话.”是的,读好书,就像结交了良师益友,使我们获益匪浅；读好书,就像沐浴在温暖的春风里,使我们心旷神怡；读好书,就像找到了快乐的源泉,使我们领悟到快乐的真谛!
                    </p>

                </div>

                <div class="right_box">

                    <div class="title"><span class="title_icon"><img src="images/bullet4.gif" alt="" title=""/></span>随便看看
                    </div>
                    <div class="rand_books">
                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon"><img src="images/promo_icon.gif" alt="" title=""/></span>
                                <a href="details.html"><img src="images/thumb1.gif" alt="" title="" class="thumb" border="0" /></a>
                            </div>
                        </div>

                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon"><img src="images/promo_icon.gif" alt="" title=""/></span>
                                <a href="details.html"><img src="images/thumb2.gif" alt="" title="" class="thumb" border="0" /></a>
                            </div>
                        </div>

                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon"><img src="images/promo_icon.gif" alt="" title=""/></span>
                                <a href="details.html"><img src="images/thumb3.gif" alt="" title="" class="thumb" border="0" /></a>
                            </div>
                        </div>
                    </div>

                </div>


            </div>
            <!--end of right content-->


            <div class="clear"></div>
        </div>
        <!--end of center content-->


        <div class="footer">
            <div class="left_footer"><img src="images/footer_logo.gif" alt="" title="" /><br/></div>


        </div>


    </div>
    <script type="text/javascript" src="./js/jquery.js"></script>
    <script src="./js/frmInit.js"></script>
    <!--<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>-->
    <script src="./js/register.js"></script>

</body>

</html>